<template>
  <div :class="{input_box:true,blur:isShow}" @blur="inBlur()" @focus="inFocus()">
      <input :type="text" :placeholder="placeholder" />
  </div>
</template>
<script>
export default {
    props:{
        placeholder:{
            type: String,
            default: '你丫的有病吧!'
        },
        text:{
            type: String,
            default: 'text',
        }
    },
    data(){
        return{
            isShow:false,
        }
    },
    methods:{
        inBlur(){
            this.isShow = true;
        },
        inFocus(){
            this.isShow = false;
        },
    }
}
</script>
